basscss-button-outline

This module has been deprecated in favor of basscss-btn-outline

This module provides a less prominent button style well suited for secondary actions.

The .button-outline style inherits color from its parent.

<div class="blue">
  <button class="button-outline">Button</button>
  <a href="#!" class="button button-outline">Link Button</a>
  <input type="button" class="button button-outline" value="Input Button">
</div>

Use color utilities to change the color.

<button class="button-outline mb1">Button</button>
<button class="button-outline mb1 navy">Button</button>
<button class="button-outline mb1 blue">Button</button>
<button class="button-outline mb1 aqua">Button</button>
<button class="button-outline mb1 teal">Button</button>
<button class="button-outline mb1 olive">Button</button>
<button class="button-outline mb1 green">Button</button>
<button class="button-outline mb1 lime">Button</button>
<button class="button-outline mb1 yellow">Button</button>
<button class="button-outline mb1 orange">Button</button>
<button class="button-outline mb1 red">Button</button>
<button class="button-outline mb1 maroon">Button</button>
<button class="button-outline mb1 fuchsia">Button</button>
<button class="button-outline mb1 purple">Button</button>